require(['./config'],()=>{
    require(['template','header'],(template,header)=>{
        class Page{
            constructor(){
                this.init().then(()=>{//代表200
                  this. volume()
                  this. hegh()
                  this. jiaGa()
                })
            }
            init(){
            const id = window.location.search.slice(4)
            //  拿到问好id 
            return new Promise((resolve,reject)=>{//里面参数报货pro都不能更改
             $.get('http://rap2.taobao.org:38080/app/mock/245232/linlin',resp =>{ 
                    if(resp.code == 200){
                      const{detail} = resp.body
                    this.data = detail
                      const html = template('nidemz',{detail})
                      $('#dahe').html(html) 
                      resolve()//带表成功
                    }
                   
            })//这里get结束 
            })
           }

            volume(){ //销量排序 、、都是同一种方法

                let _this = this
                $('.xls').on('click',()=>{ //这点击事件
                    $('#dahe').html('')
                    let res =  _this.data //拿到上面this.data数据
                    let sbs = res.sort(function(a,b){ //再用sort 排序
                        return b.saleNum - a.saleNum //saleNum是销售量     
                    })
                    $('#dahe').html(template('nidemz',{detail:sbs}))
                   })
            _this.init() //两个调用都试过了     
            }

            hegh(){ //价格从低到高

              $('.jd').on('click',()=>{ //点击事件
                $('#dahe').html('') //heml渲染清空
                $.get('http://rap2.taobao.org:38080/app/mock/245232/linlin',resp =>{ //get接口请求
                  let arr = resp.body.detail   //拿到数组
                   arr = arr.sort(function(a,b){ 
                    return a.price - b.price//sort方法a-b升序
                  }) 
                  $('#dahe').html(template('nidemz',{detail:arr}))//传入数据重新渲染
                  
                },'JSON')
              })
              }
              
          jiaGa(){//价格重高到底

            $('.jg').on('click',function(){
              $('#dahe').html('') //heml渲染清空
              $.get('http://rap2.taobao.org:38080/app/mock/245232/linlin',resp =>{ //get接口请求
              let tbd = resp.body.detail   //拿到数组
                tbd = tbd.sort(function(a,b){
                  return b.price - a.price
                })
                console.log(tbd);
                $('#dahe').html(template('nidemz',{detail:tbd}))//传入数据重新渲染
            })
            })
          }
        }
        new Page
    })
})